<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="/static/css/infor.css" rel="stylesheet">

<script type="text/javascript">
function setTab(name,cursel){
	cursel_0=cursel;
	for(var i=1; i<=links_len; i++){
		var menu = document.getElementById(name+i);
		var menudiv = document.getElementById("con_"+name+"_"+i);
		if(i==cursel){
			menu.className="off";
			menudiv.style.display="block";
		}
		else{
			menu.className="";
			menudiv.style.display="none";
		}
	}
}
function Next(){                                                        
	cursel_0++;
	if (cursel_0>links_len)cursel_0=1
	setTab(name_0,cursel_0);
} 
var name_0='one';
var cursel_0=1;
var links_len,iIntervalId;
onload=function(){
	var links = document.getElementById("tab1").getElementsByTagName('li')
	links_len=links.length;
	for(var i=0; i<links_len; i++){
		links[i].onmouseover=function(){
			clearInterval(iIntervalId);
			this.onmouseout=function(){
				iIntervalId = setInterval(Next,ScrollTime);;
			}
		}
	}
	document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){
		clearInterval(iIntervalId);
		this.onmouseout=function(){
			iIntervalId = setInterval(Next,ScrollTime);;
		}
	}
	setTab(name_0,cursel_0);
	iIntervalId = setInterval(Next,ScrollTime);
}
</script>

</head>
<body>
<div class="tab1" id="tab1">
	<div class="headmeun">
		<ul>
			<li><a href="http://MyIP:8000/online/index/">首页</a></li>
			<li class="line"></li>
			<li><a href="http://MyIP:8000/online/personal/">个人中心</a></li>
			<li class="line"></li>
			<li><a href="http://MyIP:8000/online/aboutus">关于我们</a></li>
		</ul>
	</div>
	<div class="menubox">
		<div class="usename">数据分类</div>
		<div class="menu">
			<ul>
				<li id="one1" onclick="setTab('one',1)">数据一</li>
				<li id="one2" onclick="setTab('one',2)">数据二</li>
				<li id="one3" onclick="setTab('one',3)">数据三</li>
				<li id="one4" onclick="setTab('one',4)">数据四</li>
			</ul>
		</div>
		<div class="backbt">
			<a href="http://MyIP:8000/online/index/">退 出</a>
		</div>
	
	</div>
		
	<div class="menudiv">
		<div id="con_one_1"><a href="http://MyIP:8000/online/introduce">需求1：单词统计计数。</a><pre><a href="#">需求2：</a><pre><a href="#">需求3：</a><pre><a href="#">.......</a></div>
		<div id="con_one_2" style="display:none;"><a href="#">需求一：</a><pre><a href="#">需求二：</a><pre><a href="#">需求三：</a><pre><a href="#">.......</a></div>
		<div id="con_one_3" style="display:none;"><a href="#">需求a：</a><pre><a href="#">需求b：</a><pre><a href="#">需求c：</a><pre><a href="#">.......</a></div>
		<div id="con_one_4" style="display:none;"><a href="#">需求I：</a><pre><a href="#">需求II：</a><pre><a href="#">需求III：</a><pre><a href="#">.......</a></div>
	</div>
	
</div>

</body>
</html>
